<!-- markdown -->
<template>
  <div class="markdown">
    <Row :gutter="20">
      <Col span="6">
      <MarkdownDoc></MarkdownDoc>
      </Col>
      <!-- <Col span="9">
      <Markdown :isHTML="isHTML" :value="markdown">
        <span slot="title">展示</span>
      </Markdown>
      </Col> -->
      <Col span="9">
      <Markdown :options="options" @on-change="setMarkdown"></Markdown>
      </Col>
    </Row>
  </div>
</template>
<script>
import Markdown from '_c/markdown'
import MarkdownDoc from '_c/markdown/markdownDoc'
export default {
  name: 'markdown',
  components: {
    Markdown,
    MarkdownDoc
  },
  data () {
    return {
      markdown: 'hello world',
      isHTML: true,
      options: {}
    }
  },
  created () {
    document.title = 'page title'
  },
  mounted () {
    this.$nextTick(function () {})
  },
  methods: {
    init () {

    },
    setMarkdown: function (val) {
      this.markdown = val
    }
  }
}

</script>
